<template>
	<view class='newsDetail'>
		<view class='title'>{{articleInfo.name}}</view>
		<view class='list flex flex-align'>
			<view class='item'>{{articleInfo.createdAt}}</view>
		</view>
		<view class='conters'>
			<jyf-parser :html="articleInfo.content" ref="article"></jyf-parser>
		</view>
		
	</view>

</template>

<script>
	export default{
		data(){
			return {
				articleInfo:'',
				id:'',
				type:'',
			}
		},
		onLoad(e) {
			let that = this
			that.type=e.type
			let title = e.title
			uni.setNavigationBarTitle({
				title: title
			})
			that.getData()
		},
		methods: {
			getData(){
				let that = this
				that.tui.request("v1/agree/agreement", "POST", {iden:that.type}, false, false, true).then((res) => {
					console.log(res)
					that.articleInfo = res.agree
				}).catch((res) => {
					
				})
			}
		},
	}
</script>

<style lang="scss">
	.newsDetail{padding-bottom: 20rpx}
	.newsDetail .title {
		padding: 40rpx 30rpx 0;
		font-size: 34rpx;
		color: #282828;
		font-weight: bold;
		margin: 0rpx 0 23rpx 0;
		line-height: 1.5;
	}
	
	.newsDetail .list {
		margin: 0 30rpx;
		// border-bottom: 1rpx solid #eee;
		padding-bottom: 25rpx;
	}
	
	.newsDetail .list .label {
		font-size: 30rpx;
		color: #B1B2B3;
		// height: 38rpx;
		// border-radius: 3rpx;
		// text-align: center;
		// line-height: 38rpx;
		// padding: 0 10rpx;
	}
	
	.newsDetail .list .item {
		font-size: 30rpx;
		color: #B1B2B3;
	}
	
	.newsDetail .list .item .iconfont {
		font-size: 28rpx;
		margin-right: 10rpx;
	}
	
	.newsDetail .list .item .iconfont.icon-shenhezhong {
		font-size: 26rpx;
	}
	
	.newsDetail .conters {
		padding: 0 30rpx;
		font-size: 32rpx;
		color: #8A8B8C;
		line-height: 1.7;
	}
</style>